.home-header-cntainer{
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* background: skyblue; */
}
.home-header-cntainer div{
    width: 5%;
}
.home-header-cntainer img{
    width: 50%;
}
.home-content-wrapper{
    width: 100%;
    display: flex;
}
.home-slider{
    width: 20%;
    height: 600px;
}
.home-right{
    width: 80%;
    padding-bottom: 64px;
}
.home-right-item{
    height: 350px;
    margin: 10px 0;
    background: #f5f5f5;
}

@media screen and (max-width:768px){
    .home-slider,.home-right-item{
        display: none;
    }
    .home-sotr-container div{
        width: 15%;
    }
    .sotr-price{
        padding: 0 20px;
    }
    .sotr-price div{
        width: 100px;
    }
    .home-right{
        width: 100%;
    }
    .show-right-item{
        height: 100px;
        background: #f5f5f5;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .show-item-img{
        width: 30%;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* background: red; */
    }
    .show-item-img img{
        width: 50%;
    }
    .show-right{
        width: 70%;
        height: 100px;
        /* margin-bottom: 64px; */
        /* background: teal; */
    }
    .show-item-name{
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: start;
    }
    .show-item-price-wrapper{
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
@media screen and (min-width:768px){
    .show-right-item{
        display: none;
    }
}



/* 左侧筛选数据样式 */
.slider-left-item{
    width: 100%;
    height: 40px;
    /* background: pink; */
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 10px 0;
    text-indent: 1em;
}
.slider-left-item-active{
    width: 100%;
    height: 40px;
    /* background: pink; */
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 10px 0;
    color: red;
    border-left:2px solid red ;
    text-indent: 1em;
}
h4{
    text-indent: 1em;
    font-weight: 400;
}

/* 右侧商品数据样式 */

.store-item-img{
    width: 100%;
    height:210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.store-item-img img{
    width: 80%;
    height: 210px;
}
.store-item-name ,.store-item-price{
    width: 100%;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: start;
    text-indent: 2em;
}

.store-item-tocart{
    width: 95%;
    height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid orangered;
    border-radius: 10px;
    margin: 0 auto;
    color: orangered;
}
/* 排序样式 */
.home-sotr-container{
    width:100%;
    height: 50px;
    margin-bottom: 10px;
    /* background: brown; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    
}
.sotr-by{
    width: 8%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: skyblue; */
}
.sort-default{
    width: 8%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: skyblue; */
    color: orange;
}
.home-sotr-container .sotr-price{
    width: 8%;
    height: 30px;
    /* background: skyblue; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.sotr-price img{
    width: 20px;
    vertical-align: middle;
}

/* 加载 */
.loading-container{
    width: 100%;
    height:64px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: skyblue; */
    position: fixed;
    bottom: 0;
    /* left:50% */
}
.loading-container img{
    width: 100px;
    height: 64px;
}